﻿<!DOCTYPE html>
<html>
  <head>
    <title>H5总体展示</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/h5总体展示/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/h5总体展示/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (热区) -->
      <div id="u0" class="ax_default">
      </div>

      <!-- 背景 (动态面板) -->
      <div id="u1" class="ax_default" data-label="背景">
        <div id="u1_state0" class="panel_state" data-label="State1" style="">
          <div id="u1_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (框架模板) -->

      <!-- 机型模板 (组 合) -->
      <div id="u3" class="ax_default" data-label="机型模板" data-left="0" data-top="0" data-width="430" data-height="866">

        <!-- Unnamed (图片) -->
        <div id="u4" class="ax_default box_1">
          <img id="u4_img" class="img " src="images/h5总体展示/u4.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u5" class="ax_default box_1">
          <img id="u5_img" class="img " src="images/h5总体展示/u5.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u6" class="ax_default box_1">
          <img id="u6_img" class="img " src="images/h5总体展示/u6.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u7" class="ax_default box_1">
          <img id="u7_img" class="img " src="images/h5总体展示/u7.png"/>
        </div>
      </div>

      <!-- 内部框架 (动态面板) -->
      <div id="u8" class="ax_default" data-label="内部框架">
        <div id="u8_state0" class="panel_state" data-label="State1" style="">
          <div id="u8_state0_content" class="panel_state_content">

            <!-- Unnamed (内联框架) -->
            <div id="u9" class="ax_default">
              <iframe id="u9_input" scrolling="yes" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10" class="ax_default _一级标题">
        <div id="u10_div" class=""></div>
        <div id="u10_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">爱学霸H5</span></p><p style="font-size:36px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">H5原型汇总</span></p>
        </div>
      </div>

      <!-- Unnamed (框架模板) -->

      <!-- 机型模板 (组 合) -->
      <div id="u12" class="ax_default" data-label="机型模板" data-left="0" data-top="0" data-width="430" data-height="866">

        <!-- Unnamed (图片) -->
        <div id="u13" class="ax_default box_1">
          <img id="u13_img" class="img " src="images/h5总体展示/u4.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u14" class="ax_default box_1">
          <img id="u14_img" class="img " src="images/h5总体展示/u5.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u15" class="ax_default box_1">
          <img id="u15_img" class="img " src="images/h5总体展示/u6.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u16" class="ax_default box_1">
          <img id="u16_img" class="img " src="images/h5总体展示/u7.png"/>
        </div>
      </div>

      <!-- 内部框架 (动态面板) -->
      <div id="u17" class="ax_default" data-label="内部框架">
        <div id="u17_state0" class="panel_state" data-label="State1" style="">
          <div id="u17_state0_content" class="panel_state_content">

            <!-- Unnamed (内联框架) -->
            <div id="u18" class="ax_default">
              <iframe id="u18_input" scrolling="yes" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u19" class="ax_default _文本段落">
        <div id="u19_div" class=""></div>
        <div id="u19_text" class="text ">
          <p><span>说明文档</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u20" class="ax_default _文本段落">
        <div id="u20_div" class=""></div>
        <div id="u20_text" class="text ">
          <p><span>用户首次进入页面时，默认赠送“习”“天”“天”单卡。</span></p><p><span><br></span></p><p><span>当：好好学习、天天向上，8张单卡未全部集齐时，下方按钮显示为：立即获得抽卡机会。当8张卡全部集齐时，下方按钮显示：抽卡×N，抽奖机会为参与集齐任务获得的。</span></p><p><span><br></span></p><p><span>点击“立即获得抽卡机会”、“增加抽卡次数”按钮，会进入集卡任务页面。用户在集卡任务页面绑定账号后，将该手机的设备号与手机号绑定，再次点击链接时无需重复绑定。</span></p><p><span><br></span></p><p><span>点击“送卡给好友时，需要验证是否有重复的卡片，有的话则把重复卡片显示在弹窗上并显示对应的数量，没有的话则吐司提示：您暂无可分享的重复卡片。其他用户扫描</span></p><p><span>该用户分享的二维码时，每种卡片最多只能获得一张。被分享者领取成功页面见图3.</span></p>
        </div>
      </div>

      <!-- Unnamed (框架模板) -->

      <!-- 机型模板 (组 合) -->
      <div id="u22" class="ax_default" data-label="机型模板" data-left="0" data-top="0" data-width="430" data-height="866">

        <!-- Unnamed (图片) -->
        <div id="u23" class="ax_default box_1">
          <img id="u23_img" class="img " src="images/h5总体展示/u4.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u24" class="ax_default box_1">
          <img id="u24_img" class="img " src="images/h5总体展示/u5.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u25" class="ax_default box_1">
          <img id="u25_img" class="img " src="images/h5总体展示/u6.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u26" class="ax_default box_1">
          <img id="u26_img" class="img " src="images/h5总体展示/u7.png"/>
        </div>
      </div>

      <!-- 内部框架 (动态面板) -->
      <div id="u27" class="ax_default" data-label="内部框架">
        <div id="u27_state0" class="panel_state" data-label="State1" style="">
          <div id="u27_state0_content" class="panel_state_content">

            <!-- Unnamed (内联框架) -->
            <div id="u28" class="ax_default">
              <iframe id="u28_input" scrolling="yes" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u29" class="ax_default _三级标题">
        <div id="u29_div" class=""></div>
        <div id="u29_text" class="text ">
          <p><span>抽卡情况汇总</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u30" class="ax_default _文本段落">
        <div id="u30_div" class=""></div>
        <div id="u30_text" class="text ">
          <p><span>距离集齐还剩N张学霸卡，每月28号晚上8点公布结果。</span></p><p><span>上面的5张卡为学霸卡，总共5张，N=5-已经集齐的卡数。</span></p>
        </div>
      </div>

      <!-- Unnamed (框架模板) -->

      <!-- 机型模板 (组 合) -->
      <div id="u32" class="ax_default" data-label="机型模板" data-left="0" data-top="0" data-width="430" data-height="866">

        <!-- Unnamed (图片) -->
        <div id="u33" class="ax_default box_1">
          <img id="u33_img" class="img " src="images/h5总体展示/u4.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u34" class="ax_default box_1">
          <img id="u34_img" class="img " src="images/h5总体展示/u5.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u35" class="ax_default box_1">
          <img id="u35_img" class="img " src="images/h5总体展示/u6.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u36" class="ax_default box_1">
          <img id="u36_img" class="img " src="images/h5总体展示/u7.png"/>
        </div>
      </div>

      <!-- 内部框架 (动态面板) -->
      <div id="u37" class="ax_default" data-label="内部框架">
        <div id="u37_state0" class="panel_state" data-label="State1" style="">
          <div id="u37_state0_content" class="panel_state_content">

            <!-- Unnamed (内联框架) -->
            <div id="u38" class="ax_default">
              <iframe id="u38_input" scrolling="yes" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u39" class="ax_default _三级标题">
        <div id="u39_div" class=""></div>
        <div id="u39_text" class="text ">
          <p><span>关注公众号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u40" class="ax_default _文本段落">
        <div id="u40_div" class=""></div>
        <div id="u40_text" class="text ">
          <p><span>关注公众号后，默认回复一条消息，提醒用户绑定手机号，绑定手机号成功后，即表示成功关注公众号，获得10次抽奖机会。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u41" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u41_div" class=""></div>
      </div>
    </div>
  </body>
</html>
